import React from 'react'
import { Link, Outlet, NavLink } from 'react-router-dom'
export default function Home() {
  return (
    <>
      <h1>Home</h1>
      {/* 直接将浏览器地址栏的路径全部覆盖 */}
      {/* <Link to="/test">test</Link> */}
      {/* 根据浏览器地址栏的路径拼接在后面 */}
      {/* <Link to="test">test</Link> */}
      <NavLink to="/home/a">a</NavLink> &nbsp; &nbsp; &nbsp;
      <NavLink to="/home/b">b</NavLink>
      <br />
      ===============================================================
      <br />
      {/* Outlet组件写在哪里,则表示Home里面的嵌套路的组件渲染在哪里 */}
      <Outlet></Outlet>
    </>
  )
}
